<script setup lang="ts">
import Background from "../es/components/Background.vue.js";
// import {Background, Nav, LoginRegisterFormContainer, Search} from "../es";
import Nav from '../packages/components/Nav.vue'
import LoginRegisterFormContainer from "../packages/components/LoginRegisterFormContainer.vue"
// import Search from "../packages/components/Search.vue"
// import {Nav} from '../es'
// import {LoginRegisterFormContainer} from '../es'

// console.log(Background);
const clickHandler = () => {alert(123)}
</script>

<template>
  <div class="app">
    <Nav
      :navItemLeft="[
          {name: '首页首页首页首页首页', clickHandler: clickHandler},
          {name: '首页', clickHandler: clickHandler},
          {name: '首页', clickHandler: clickHandler}
      ]"
      :navItemRight="[
          {name: '首页', clickHandler: clickHandler},
          {name: '首页', clickHandler: clickHandler},
          {name: '首页', clickHandler: clickHandler}
      ]"
      :bannerWidth="'1260px'"
    ></Nav>
    <!--<Search
      :iconFont="'宝贝'"
    ></Search>-->
    <LoginRegisterFormContainer></LoginRegisterFormContainer>
    <Background
        :images="['/background-1.jpg']"
    ></Background>
  </div>
</template>

<style scoped lang="scss">
.app {
  width: 100%;
  height: 100vh;
  background-color: #337ecc;
}
</style>